import chineseWord from "./ChineseWord";

const elements = {
	header: {
		id: 'header',
		name: 'header',
		tag: '<p>',
		style: 'text-align: center; font-size: 30px; font-weight: blod; margin: 0; padding: 0; line-height: 34px;word-break: break-all;'
	},
	title1: {
		id: 'title1',
		name: 'title1',
		tag: '<p>',
		style: 'text-align: left; font-size: 24px; font-weight: blod;word-break: break-all;'
	},
	title2: {
		id: 'title2',
		name: 'title2',
		tag: '<p>',
		style: 'text-align: left; font-size: 20px; font-weight: blod;word-break: break-all;'
	},
	content: {
		id: 'content',
		name: 'content',
		tag: '<p>',
		style: 'text-align: left; font-size: 16px; font-size: 28rpx; word-wrap: break-word;word-break: break-all;'
	},
	image: {
		id: 'image',
		name: 'image',
		tag: '<img>',
		style: 'max-width: 100%;max-height: 100%;'
	},
	listOrder: {
		id: 'listOrder',
		name: 'listOrder',
		tag: '<ul tag="listMain">',
		childrenTag: '<li tag="listChildren" style="word-break:break-all; word-wrap:break-word;font-size: 16px; font-size: 28rpx;word-break: break-all;">',
		liId: 'listChildren',
		style: 'word-break:break-all; word-wrap:break-word;word-break: break-all;',
	},
	code: {
		id: 'code',
		name: 'code',
		tag: '<p>',
		style: 'padding: 5px; width: calc(100% - 12px); border: 1px solid yellow;word-break: break-all; background: rgba(200, 200, 200, 0.5)',
		childrenTag: '<span style="font-size: 14px; display: inline-block; width: 100%; min-height: 24px; margin-top: 4px; margin-bottom: 4px;flex-wrap: wrap;word-break: break-all;" tag="codeChildren">',
		childId: 'codeChildren'
	},
	chineseWord: {
		id: 'chineseWord',
		name: 'chineseWord',
		tag: '<p>',
		style: 'margin: 0; padding: 0;text-align: left; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;',
		word: '<span tag="chineseWordItem" style="margin: 0; margin-top: 3px; padding: 0;width: 40px; height: 44px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; float: left">',
		wordId: 'chineseWordItem',
		pingyin: '<span class="chinese-world" tag="chineseWordPin" style="height: 14px; font-size: 10px; text-align: center; display: block; width: 40px;">',
		pingyinId: 'chineseWordPin',
		content: '<span class="chinese-world" tag="chineseWordCon" style="font-size: 18px; display: block; width: 40px; height: 30px;">',
		contentId: 'chineseWordCon'
	}
}

export default elements;